<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <meta name="keywords" content="<?= $product->meta_keyword; ?>"/>
        <meta name="description" content="<?= $product->meta_description; ?>"/>
        <meta name="Distribution" content="Global"/>
        <meta name="Expires" content="never"/>
        <meta http-equiv="Content-Language" content="{lang_image}" />
        <meta name="Robots" content="<?= $product->meta_robot; ?>"/>
        <meta name="Generator" content="{phrase var='general.host'}"/>
        <meta name="Revisit-after" content="1 days"/>
        <meta name="Author" content="{phrase var='general.name_service'}"/>
        <!--<meta name="robots" content="noindex" />-->
        <meta name="google-site-verification" content="{google_webmaster_id}" />
        <title>{phrase var='general.title'} | {phrase var='general.protduct_title'}</title>
        <link rel="icon" href="http://localhost/magento/skin/adminhtml/default/default/favicon.ico" type="image/x-icon" />
        <link rel="shortcut icon" href="http://localhost/magento/skin/adminhtml/default/default/favicon.ico" type="image/x-icon" />

        <!--
        <link rel="stylesheet" type="text/css" href="{phrase var='general.host'}/static/css/jquery.core.css" media="all" />
        <link rel="stylesheet" type="text/css" href="{phrase var='general.host'}/static/css/jquery.ui.datepicker.css" media="all" />

        <link rel="stylesheet" type="text/css" href="{phrase var='general.host'}/static/css/jquery.ui.button.css" media="all" />
        <link rel="stylesheet" type="text/css" href="{phrase var='general.host'}/static/css/jquery.ui.resizable.css" media="all" />
        <link rel="stylesheet" type="text/css" href="{phrase var='general.host'}/static/css/jquery.ui.dialog.css" media="all" />
        <link rel="stylesheet" type="text/css" href="{phrase var='general.host'}/static/css/jquery.ui.tooltip.css" media="all" />
        <link rel="stylesheet" type="text/css" href="{phrase var='general.host'}/static/css/jquery.ui.tooltip.css" media="all" />
        <link rel="stylesheet" type="text/css" href="{phrase var='general.host'}/static/css/jquery.ui.menu.css" media="all" />
        <link rel="stylesheet" type="text/css" href="{phrase var='general.host'}/static/css/public/jquery.ui.override.css" media="all" />
        
        
        <script type='text/javascript' src="{phrase var='general.host'}/static/js/public/menu.js"></script>
        <script type='text/javascript' src="{phrase var='general.host'}/static/js/jquery.ui.core.js"></script>
        <script type='text/javascript' src="{phrase var='general.host'}/static/js/jquery.ui.widget.js"></script>
        <script type='text/javascript' src="{phrase var='general.host'}/static/js/jquery.ui.datepicker.js"></script>
        <script type='text/javascript' src="{phrase var='general.host'}/static/js/jquery.ui.button.js"></script>
        <script type='text/javascript' src="{phrase var='general.host'}/static/js/jquery.ui.draggable.js"></script>
        <script type='text/javascript' src="{phrase var='general.host'}/static/js/jquery.ui.mouse.js"></script>
        <script type='text/javascript' src="{phrase var='general.host'}/static/js/jquery.ui.position.js"></script>
        <script type='text/javascript' src="{phrase var='general.host'}/static/js/jquery.ui.resizable.js"></script>
        <script type='text/javascript' src="{phrase var='general.host'}/static/js/jquery.ui.dialog.js"></script>
        <script type='text/javascript' src="{phrase var='general.host'}/static/js/jquery.ui.tooltip.js"></script>
        <script type='text/javascript' src="{phrase var='general.host'}/static/js/jquery.ui.menu.js"></script>
        <script type='text/javascript' src="{phrase var='general.host'}/static/js/public/general.js"></script>
        <script type='text/javascript' src="{phrase var='general.host'}/static/js/general.js"></script>
!-->

        <link rel="stylesheet" type="text/css" href="{phrase var='general.host'}/static/css/public/layout.css" media="all" />
        <link rel="stylesheet" type="text/css" href="{phrase var='general.host'}/static/css/public/general.css"/>
        <link rel="stylesheet" type="text/css" href="{phrase var='general.host'}/static/css/bootstrap-responsive.css" media="all" />
        <link rel="stylesheet" type="text/css" href="{phrase var='general.host'}/static/css/bootstrap.css" media="all" />
        <link rel="stylesheet" type="text/css" href="{phrase var='general.host'}/static/css/bootstrap.css" media="all" />
        <link rel="stylesheet" type="text/css" href="{phrase var='general.host'}/static/css/public/product/product_detail.css" media="all" />
        <link type="text/css" rel="stylesheet" href="{phrase var='general.host'}/static/css/syntax_highlighter/shCoreDefault.css"/>
        
        <script type='text/javascript' src="{phrase var='general.host'}/static/js/jquery.min.js"></script>
        <script type='text/javascript' src="{phrase var='general.host'}/static/js/bootstrap.min.js"></script>
        <script type="text/javascript" src="{phrase var='general.host'}/static/js/syntax_highlighter/shCore.js"></script>
        <script type="text/javascript" src="{phrase var='general.host'}/static/js/syntax_highlighter/shAutoloader.js"></script>
        <script type='text/javascript' src="{phrase var='general.host'}/static/js/jquery.min.js"></script>
        <script type='text/javascript' src="{phrase var='general.host'}/static/js/bootstrap.min.js"></script>
        <script type="text/javascript" src="{phrase var='general.host'}/static/js/syntax_highlighter/shBrushCall.js"></script>
        <script type='text/javascript'>
            $(function() {
                SyntaxHighlighter.all();
            });
       </script>
    </head>
    <body>
        <div class="body">
            <div class="header">
                <div class="float-left text-left login">
                    <a href="#">
                        <strong style="font-size: 20px;">CodeIgnitertuts</strong>
                    </a>
                </div>
                <div class="float-left text-right account">  
                    <a href="#">{phrase var='general.help'}</a><span class="separator">|</span>
                    <a href="#">{phrase var='general.signup'}</a><span class="separator">|</span><a href="#">{phrase var='general.login'}</a>
                </div>
            </div>
            <!--            <div class="navbar">
                          <div class="navbar-inner">
                            <a href="#" class="brand">Title</a>
                            <ul class="nav">
                              <li class="active"><a href="#">Home</a></li>
                              <li><a href="#">Link</a></li>
                              <li><a href="#">Link</a></li>
                            </ul>
                          </div>
                        </div>-->

            <div class="content">
                <ul class="breadcrumb header-bar">
                    <li><a href="#">Home</a> <span class="divider">/</span></li>
                    <li class="active">{phrase var='product_detail.product_detail'}</li>
                    <li class="float-right">
                        <form class="navbar-form pull-left">
                            <input type="text" class="span2" style="margin-top: 0px;background-color: #FFFFFF; border-radius: 0px;">
                                <button type="submit" class="btn" style="border: 1px solid #CCCCCC; border-radius: 0px;">Search</button>
                        </form></li>
                </ul>
                <div class="main-content">
                    <noscript>
                        <div class="noscript">
                            <div class="content">
                                <p><strong>JavaScript seems to be disabled in your browser.</strong></p>
                                <p>Please enable javascript browser to use the functionality of website.</p>
                            </div>
                        </div>
                    </noscript>
                    <div class="product-header">
                        <div class="image left">
                            <img width="150px" height="150px" src="<?= base_url() . APPPATH . 'static/images/product/' . $product->image; ?>">
                                <div class="control">
                                <a id="save_<?= $product->id; ?>" href="#<?= $product->id; ?>">Save</a>
                            </div>
                        </div>
                        <div class="header-content left" style="width: 65%;">
                            <h2><?= $product->name; ?></h2>
                            <div class="category-title">
                                <span>{phrase var='product_detail.category'}</span> : 
                                <span><?= $product->product_category; ?></span>
                            </div>
                            <div class="date">
                                <span>{phrase var='product_detail.on'} &nbsp;<?= $product->date; ?></span>
                            </div>
                            <div class="social-connect">
                                Twitter - Facebook - Google
                            </div>
                            <div class="level">
                                {phrase var='product_detail.level'}: <?= $product->level ?>
                            </div>
                            <div class="info">
                                <?php if(!empty($product->total_view)): ?>
                                    <span><?= $product->total_view; ?> views</span>
                                <?php endif; ?>
                                <span>4 {phrase var='product_detail.comment'}</span>
                            </div>
                        </div>
                    </div>
                    <div class="clear-fix" style="clear: both;"></div>
                    <?php if(!empty($product->source)): ?>
                    <div class="product-source" style="text-align: center;">
                        <a href="<?= $product->source; ?>"><input type="button" name="" value="Download source" class="btn" /></a>
                    </div>
                    <?php endif; ?>
                    <div class="product-content">
                        <?= $product->description; ?>
                    </div>
                    <div class="social-connect">
                        Twitter - Facebook - Google
                    </div>

                </div>
                <div class="right">
                    <div class="list-item">
                        <div class="header">
                            <a href="#">Bestseller</a>
                        </div>
                        <div class="box">
                            <table class="best-seller">
                                <tr>
                                    <td class="image">
                                        <a href="#">
                                            <img src="http://i3.ebkimg.com/previews/000/000275/000275563/000275563-min-1.jpg"/>
                                        </a>
                                    </td>
                                    <td class="descr">
                                        <span class="name"><a href="#">Java </a></span><br />
                                        <span class="author">John CarySmith</span><br />
                                        <span class="price">$53.2</span><br />
                                    </td>
                                </tr>
                                <tr>
                                    <td class="image">
                                        <a href="#">
                                            <img src="http://i3.ebkimg.com/previews/000/000275/000275563/000275563-min-1.jpg"/>
                                        </a>
                                    </td>
                                    <td class="descr">
                                        <span class="name"><a href="#">Java programming Professional</a></span><br />
                                        <span class="author">John CarySmith</span><br />
                                        <span class="price">$53.2</span><br />
                                    </td>
                                </tr>
                                <tr>
                                    <td class="image">
                                        <a href="#">
                                            <img src="C:\Documents and Settings\MI_NAIRETAI\Desktop\Amazon.com  Online Shopping for Electronics, Apparel, Computers, Books, DVDs & more_files\41hfCGjnp2L.jpg">
                                        </a>
                                    </td>
                                    <td class="descr">
                                        <span class="name"><a href="#">Java programming Professional</a></span><br />
                                        <span class="author">John CarySmith</span><br />
                                        <span class="price">$53.2</span><br />
                                    </td>
                                </tr>
                                <tr>
                                    <td class="image">
                                        <a href="#">
                                            <img src="http://i3.ebkimg.com/previews/000/000275/000275563/000275563-min-1.jpg"/>
                                        </a>
                                    </td>
                                    <td class="descr">
                                        <span class="name"><a href="#">Java programming Professional</a></span><br />
                                        <span class="author">John CarySmith</span><br />
                                        <span class="price">$53.2</span><br />
                                    </td>
                                </tr>
                                <tr>
                                    <td class="image">
                                        <a href="#">
                                            <img src="http://i3.ebkimg.com/previews/000/000275/000275563/000275563-min-1.jpg"/>
                                        </a>
                                    </td>
                                    <td class="descr">
                                        <span class="name"><a href="#">Java programming Professional</a></span><br />
                                        <span class="author">John CarySmith</span><br />
                                        <span class="price">$53.2</span><br />
                                    </td>
                                </tr>
                            </table>
                        </div>
                    </div>

                    <div class="list-item">
                        <div class="header">
                            <a href="#">Featured</a>
                        </div>
                        <div class="box">
                            <table class="best-seller">
                                <tr>
                                    <td class="image">
                                        <a href="#">
                                            <img src="http://i3.ebkimg.com/previews/000/000275/000275563/000275563-min-1.jpg"/>
                                        </a>
                                    </td>
                                    <td class="descr">
                                        <span class="name"><a href="#">Java programming Professional</a></span><br />
                                        <span class="author">John CarySmith</span><br />
                                        <span class="price">$53.2</span><br />
                                    </td>
                                </tr>
                                <tr>
                                    <td class="image">
                                        <a href="#">
                                            <img src="http://i3.ebkimg.com/previews/000/000275/000275563/000275563-min-1.jpg"/>
                                        </a>
                                    </td>
                                    <td class="descr">
                                        <span class="name"><a href="#">Java programming Professional</a></span><br />
                                        <span class="author">John CarySmith</span><br />
                                        <span class="price">$53.2</span><br />
                                    </td>
                                </tr>
                                <tr>
                                    <td class="image">
                                        <a href="#">
                                            <img src="http://i3.ebkimg.com/previews/000/000275/000275563/000275563-min-1.jpg"/>
                                        </a>
                                    </td>
                                    <td class="descr">
                                        <span class="name"><a href="#">Java programming Professional</a></span><br />
                                        <span class="author">John CarySmith</span><br />
                                        <span class="price">$53.2</span><br />
                                    </td>
                                </tr>
                                <tr>
                                    <td class="image">
                                        <a href="#">
                                            <img src="http://i3.ebkimg.com/previews/000/000275/000275563/000275563-min-1.jpg"/>
                                        </a>
                                    </td>
                                    <td class="descr">
                                        <span class="name"><a href="#">Java programming Professional</a></span><br />
                                        <span class="author">John CarySmith</span><br />
                                        <span class="price">$53.2</span><br />
                                    </td>
                                </tr>
                                <tr>
                                    <td class="image">
                                        <a href="#">
                                            <img src="http://i3.ebkimg.com/previews/000/000275/000275563/000275563-min-1.jpg"/>
                                        </a>
                                    </td>
                                    <td class="descr">
                                        <span class="name"><a href="#">Java programming Professional</a></span><br />
                                        <span class="author">John CarySmith</span><br />
                                        <span class="price">$53.2</span><br />
                                    </td>
                                </tr>
                            </table>
                        </div>
                    </div>

                    <!--
                    <div class="best-seller"><a href="#" title="">Bestseller</a></div>
                    <div class="featured"><a href="#" title="">Featured</a></div>
                    -->
                </div>
            </div>
            <div class="clear-fix"></div>
            <div class="footer text-center">
                <div class="text-left">
                    <strong>CodeIgnitertus.com</strong> is a personal web, teach about codeIgniter framework
                </div>
                <div class="text-right">
                    <div class="cooperation">Tutorsell 2013@Sywogroup.com</div>
                </div>
            </div>
        </div>
        <!--
                
                <script type="text/javascript" src="http://s7.addthis.com/js/200/addthis_widget.js"></script>
                
                <script src="http://www.google-analytics.com/urchin.js" type="text/javascript"></script>
                <script type="text/javascript">
                    _uacct = "{google_analytics_id}";
                    _userv=2; 
                    urchinTracker();
                </script>
                
        -->
    </body>
</html>